
Angular 5 router.navigate错误
有一个用户crud页面,当保存一个新用户时,url需要用用户保存的id参数改变。我不知道发生了什么,但是当调用this.router.navigate(['/ user',user.id])时会发生错误。跟随路由器和组件发生错误的代码。Angular 5 router.navigate错误地址创建一个新用户 http://localhost:4200/user地址更新用户 http://localhost:4200/user/38/...
2024-01-10
$ route.reload()不适用于ui-router
我已切换到ui-router。除一件事外,一切进展顺利。在我的页面上,我有一个选择可以更改应用程序的上下文。无论如何,以前,当更改此上下文时,我正在执行以下代码(特别是 方法):'use strict';angular.module('main').factory('lacContext', ['$route', function ($route) { return { set: function (id) { session...
2024-01-10
我可以使用Angular2 Router.navigate通过航线
导航到ID中途一个网址,我得到了与我可以使用Angular2 Router.navigate通过航线this.router.navigate(["/approvals", id]); 其导航到/approvals/[id]我不知道工作的路线怎么可以路线到/approvals/[id]/users有谁知道吗?回答:this.router.navigate(["/approvals", id, "users"])...
2024-01-10
Angularjs ui-router解决方案不会等待所有承诺
目前,我在等待我的承诺传递给解决方案时遇到问题。 据我所知,这是因为它是一个异步调用,所以决心不会等待所有的承诺,只是传递我的部分数据来解决。Angularjs ui-router解决方案不会等待所有承诺我试过寻找很多的论坛,但我似乎无法得到它的工作。所以这里是我的主页。angular.module('app') ....
2024-01-10
如何在AngularJS ui-router模块中指定默认状态
这是我试图实现的:当用户输入的URL与$stateProvider中配置的状态的任何URL模式都不匹配时,状态应设置为默认状态,例如'notFound'。进入这个状态必须保持URL不变,所以用户有机会纠正它。这就是为什么我不使用$urlRouterProvider.otherwise()。如何在AngularJS ui-router模块中指定默认状态目前,我用以下解决方法...
2024-01-10
Converge - Virtual Merchant - PHP集成问题
我正在为我的网站使用converge的虚拟商户支付集成(使用PHP)。Converge - Virtual Merchant - PHP集成问题我整合设置ssl_show_form显示在我的网站的汇聚形式(本页www.example.com/payment_form)的方法=真正的收敛形式显示在我的网站如预期。但我无法提交表单值。由于我的网站(www.example.com/process.do)中的表单操作请...
2024-01-10
如何从vue-router URL中删除hashtag(#)?
我想从网址中删除#标签(#),但我也需要保存无重载模式。我可以那样做吗? 我:page.com/#/home 我想:page.com/home 我试过mode: 'history',但它重新加载页面。 UPD:是否可以在不使用页面重新加载的情况下创建SPA应用程序并使用普通URL?如何从vue-router URL中删除hashtag(#)?回答:当激活历史模...
2024-01-10
在没有动画的情况下替换MaterialApp中的初始Route?
我们的应用程序是建立在顶部Scaffold和这一点,我们已经能够使用内提供的电话,以适应大多数的我们的路线和导航的要求NavigatorState(pushNamed(),pushReplacementNamed(),等)。但是,我们不希望用户在我们的抽屉(nav)菜单中选择某项时具有任何“推动”动画。我们希望通过导航菜单单击目标屏幕来有效地...
2024-01-10
使用AngularJS中的UI-Router将状态重定向到默认子状态
我正在创建一个基于标签的页面,其中显示了一些数据。我在AngularJs中使用UI-Router来注册状态。我的目标是在页面加载时打开一个默认选项卡。每个选项卡都有子选项卡,并且我想在更改选项卡时打开默认的子选项卡。我正在使用onEnter函数进行测试,并且正在使用内部,$state.go('mainstate.substate');但是...
2024-01-10
Angular / UI-Router-如何在不刷新所有内容的情况下更新URL?
我是Angular和ui路由器的新手。当某人选择一个模型并且我的控制器执行标准的SHOW方法时,我只想更新URL以包括模型的ID,而无需刷新页面,然后继续原始视图。我不确定该怎么做…$stateProvider .state('citylist', { url: "/", templateUrl: "views/index.html" }) .state('cityshow', { url: "...
2024-01-10
react-router中的查询字符串
我正在尝试使用查询字符串设置路由路径。符合以下条件的东西:www.mywebsite.com/results?query1=:query1&query2=:query2&query3=:query3我将像这样过渡到“结果”组件:<Route path="/" component={Main}> <IndexRoute component={Home} /> <Route path="results?query1=:query1&query2=:query2&query3=:query3" comp...
2024-01-10
如何使用react-redux挂钩测试组件?
我有一个简单的Todo组件,该组件利用了我正在使用酶进行测试的react-redux钩子,但是出现如下所示的错误或浅渲染的空对象。使用react-redux的钩子测试组件的正确方法是什么?const Todos = () => { const { todos } = useSelector(state => state); return ( <ul> {todos.map(todo => ( <li key={todo.id}>{todo.title}</li> ...
2024-01-10
在Redux中间件中使用react-router进行重定向
我创建了一个中间件,用于检查请求是否返回无效的访问响应。如果状态为401,我想将用户重定向到登录页面这是中间件代码import React from 'react';import { push, replace } from 'react-router-redux';const auth_check = ({ getState }) => { return (next) => (action) => { if(action.payload != undefined && action.payloa...
2024-01-10
客户端路由(使用react-router)和服务器端路由
我一直在思考,我对客户端和服务器之间的路由感到困惑。假设我在将请求发送回Web浏览器之前使用ReactJS进行服务器端渲染,并使用react-router作为客户端路由在页面之间切换而不刷新为SPA。我想到的是:路线如何解释?例如,从首页(/home)到帖子页面(/posts)的请求路由在服务器端还是客户端去...
2024-01-10
React-Router在新标签页中打开链接
有没有办法让React Router在新标签页中打开链接?我尝试了一下,但没有成功。<Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link>可以通过向onClick="foo"Link 添加类似于我上面的内容来使其模糊,但是会出现控制台错误。谢谢。回答:我认为Link组件没有它的支持。您可以通过创建标签并使用Nav...
2024-01-10
使用react-router检测路由更改
我必须根据浏览历史实现一些业务逻辑。我想做的是这样的:reactRouter.onUrlChange(url => { this.history.push(url);});URL更新后,有什么方法可以接收来自react-router的回调吗?回答:history.listen()尝试检测路线变化时,可以使用功能。考虑到您正在使用react-router v4,请用withRouterHOC 包装您的组件以访问history...
2024-01-10
react-router如何通过prop将参数传递给其他组件?
到目前为止,我对如何通过参数将属性从一个组件传递到另一组件的了解程度如下//开始:我的知识范围假设存在一些topic在A.jsx中调用的状态变量。我想将此传递给B.jsx,所以我执行以下操作B = require('./B.jsx')getInitialState: function() {return {topic: "Weather"}}<B params = {this.state.topic}>然后在B.jsx中,我可以做...
2024-01-10
如何在React中的另一个return语句中返回多行JSX?
单行工作正常render: function () { return ( {[1,2,3].map(function (n) { return <p>{n}</p> }} );}不适用于多行render: function () { return ( {[1,2,3].map(function (n) { return ( <h3>Item {n}</h3> <p>Description {n}</p> ) }} );...
2024-01-10
使用React-Router检测用户离开页面
我希望我的ReactJS应用在离开特定页面时通知用户。特别是一条弹出消息,提醒他/她进行以下操作:“更改已保存,但尚未发布。现在执行吗?”我应该在react-router全局范围内触发此操作,还是可以在react页面/组件内完成此操作?我还没有发现任何关于后者的信息,我宁愿避免使用第一个。除非当然...
2024-01-10
react-router返回页面如何配置历史记录?
谁能告诉我如何返回上一页而不是特定路线?使用此代码时:var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() { return ( <button className="button icon-left" onClick={this.navigateBack}> Back </button> ...
2024-01-10
在React Router中渲染多个组件
我习惯于具有多个产量区域的应用程序布局,即用于内容区域和顶部栏标题。我想在React Router中实现类似的功能。例如:<Router> <Route path="/" component = { AppLayout }> <Route path="list" component = { ListView } topBarComponent = { ListTopBar }/> </Route></Router>AppLayout:<div classNa...
2024-01-10
无法对D3 v4中的对象使用attr
我一直在尝试使用新的D3 v4将一个不错的D3图表示例转换为Angular2组件。但是,我得到了以下代码“无法读取null的属性文本”异常:var textLabels = labelGroups.append("text").attr({ x: function (d, i) { var centroid = pied_arc.centroid(d); var midAngle = Math.atan2(centroid[1], centroid[0]); ...
2024-01-10
React Router v4-如何获取当前路由?
我想显示title在<AppBar />以某种方式从目前的路线通过。在React Router v4中,如何将<AppBar />当前路由传递到titleprop中? <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay active={menu} onClick={this.closeMenu} /> <AppBar handleMenuIcon={...
2024-01-10
在react-router v4中为不同的路由路径使用相同的组件
我正在尝试使用单独的路线,但在我的React App中添加/编辑表单的组件相同,如下所示:<Switch> <Route exact path="/dashboard" component={Dashboard}></Route> <Route exact path="/clients" component={Clients}></Route> <Route exact path="/add-client" component={manageClient}></Ro...
2024-01-10
react-router-dom v4中的多个嵌套路由
我在react-router-dom中需要多个嵌套路由我有我的import { BrowserRouter as Router, Route } from 'react-router-dom';我需要像这样渲染的组件--- Login--- Home --- Page 1 --- Page 2 --- Page 3--- About--- etcHome组件包含一个Page1,Page2和Page3组件共有的Header组件,但在Login和About中不存在。我的js代码看起来像这样<R...
2024-01-10
如何在React Router 4中实现动态路由?
我有这样的文章列表:<div> { this.props.articles.map(article => { return ( <ArticleCard key={article._id} article={article} /> ) }) }</div>在ArticleCard组件中,我仅显示文章标题。我想链接到它,它将创建新的URL,例如“ article-title”并显示内容。如何实现呢?回...
2024-01-10
在React Router上,即使页面刷新也如何保持登录状态?
我正在使用React,React Router和Redux创建一个网站。许多路由(页面)需要用户登录。如果用户未登录,则可以重定向到登录页面,如下所示:function requireAuth(nextState, replace) { let loggedIn = store.getState().AppReducer.UserReducer.loggedIn; if(!loggedIn) { replace({ pathname: '/login', ...
2024-01-10
React Router-嵌套路由不起作用
我的目标是让http:// mydomain /route1渲染React组件Component1和http:// mydomain /route2渲染Component2。因此,我认为编写如下的路由是很自然的: <Route name="route1" handler={Component1}> <Route name="route2" handler={Component2} /> </Route> <DefaultRoute name="home" handler=...
2024-01-10
使用React Router更改基于URL的组件
这更多是关于响应而不是特定问题的体系结构问题,但是,使用布局组件和几个基于URL呈现的子组件来管理状态/道具的最佳实践是什么?可以说我有类似以下代码的内容:一个配置文件页面(主布局视图),带有用于配置文件子部分(设置,首选项,帐户详细信息等)的导航链接,以及一个主面板,...
2024-01-10
使用React Router以编程方式导航
通过使用react-router我可以使用Link元素创建由React Router本机处理的链接。我在内部看到它的呼唤this.context.transitionTo(...)。我想导航。不是来自链接,而是来自下拉菜单(例如)。如何在代码中执行此操作?什么this.context啊我看到了Navigationmixin,但是如果没有,我可以这样做mixins吗?回答:useHistory如...
2024-01-10
